@import "../../../assets/styles/base.css";
@import "../../../assets/styles/common.scss";
/*
 * popupwindow外部底部样式
 * */

.popup-window-modal-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  //height: 100%;
  //width: 100%;
  background: rgba(0,0,0,0.5);
  //display: table;
  transition: opacity .3s ease;
  -webkit-transition: .3s ease;
}

.popup-window-modal-wrapper {
  position: absolute;
  //z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  //overflow: hidden;
  //display: table-cell;
}

.popup-window-modal-container-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0px auto;
  background-color: #fff;
  transition: all .3s ease;
  //z-index: 1001;
}
.popup-window-modal-container-left {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  //margin: 0px auto;
  background-color: #fff;
  transition: all .3s ease;
  z-index: 1001;
}


/*
 * popupwindow动画
 * */
.popup-window-transition-enter, .popup-window-transition-leave-active {
  opacity: 0;
  transform: translateY(40%);
  -webkit-transform: translateY(40%);
}
